<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>

<%@ page import="java.util.*"%>
<%@ page import =" java.io.*"%>
<%@ page import =" java.net.*"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>펜션 소개</title>
<link href="/pension/styles/info/info.css" rel="stylesheet" />
<link rel="Stylesheet" href="/pension/styles/default.css" />
</head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript">
	function initialize() {
	  var myLatlng = new google.maps.LatLng(37.281612, 126.551321);
	  var myOptions = {
	  zoom: 8,
	  center: myLatlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	  }
	  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	  
	  var marker = new google.maps.Marker({
		    position: map.getCenter(),
		    map: map,
		    title: 'Click to zoom'
		  });

		  google.maps.event.addListener(map, 'center_changed', function() {
		    // 3 seconds after the center of the map has changed, pan back to the
		    // marker.
		    window.setTimeout(function() {
		      map.panTo(marker.getPosition());
		    }, 3000);
		  });

		  google.maps.event.addListener(marker, 'click', function() {
		    map.setZoom(14);
		    map.setCenter(marker.getPosition());
		  });

	}
	</script>

<body onload="initialize()">
<div id="pageContainer">
<% pageContext.include("/WEB-INF/views/include/header.jsp"); %>
<div align="center" id="infoheader">
  <div id="infoname">
  	Welcome to Pension
  </div>
  <div align="center" id="weather">
  <!-- 기상정보 -->
        		<b style="font-size: 16px; font-weight: bold; color:#F6FFCC;">펜션지역 일기예보 </b>
        	
<%
try {
		String line = "";
		InputStream is = new URL(
				"http://www.kma.go.kr/wid/queryDFSRSS.jsp?zone=4127300000")
				.openStream();
		//입력 스트림에 대한 디폴트크기의 내부 버퍼를 갖는 객체 생성 
		BufferedReader br = new BufferedReader(new InputStreamReader(
				is, "UTF-8"));

		StringBuilder sb = new StringBuilder();
		while ((line = br.readLine()) != null) {
			sb.append(line + "\n");
		}
		String data = sb.toString();
		
		String sunny = "맑음";
		String somecloud = "구름 조금";
		String cloud = "구름 많음";
		String manycloud = "흐림";
		String rain = "비";
		String rainandsnow = "비/눈";
		String snow = "눈";
		int idx = 0;
		int sellCount = 0;
		
		int start = 0;
		boolean ok = false;
		ArrayList<String> datas = new ArrayList<String>();

		for (int i = 0; i < data.length(); i++) {
			
			if (data.charAt(i) == '<'
					&& data.substring(i + 1, i + 1 + "hour".length())
							.equals("hour")) {
				start = i + 6;
				ok = true;
			}

			if (data.charAt(i) == '<' && ok == true
					&& data.charAt(i + 1) == '/') {
				datas.add(data.substring(start, i));
				ok = false;
			}
			
			
			if (data.charAt(i) == '<'
					&& data.substring(i + 1, i + 1 + "wfKor".length()).equals("wfKor")) {
				start = i + 7;
				ok = true;
			}

			if (data.charAt(i) == '<' && ok == true
					&& data.charAt(i + 1) == '/') {
				datas.add(data.substring(start, i));
				ok = false; 
			}
		}%>
		<table border="2" width="300" style="font-size: 8pt; text-align: center; background: #000000; color: #F6F6F6">
		<!-- 일 -->
		<tr>
			<% for (int s=0; s<datas.size(); s+=2)
				{
					sellCount+=2;
					if (datas.get(s).equals("24")){
					idx = s;
					break;
					}
			 	}
			   		idx+=2;
			   		sellCount = sellCount/2; %>
			<td colspan='<%= sellCount %>'>
					<p>금일</p>
			</td>
			<% sellCount = 0; %>
			<% for (int s=idx; s<datas.size(); s+=2)
				{
					sellCount+=2;
					if (datas.get(s).equals("24")){
					idx = s;
					break;
					}
			 	}   
			   		idx+=2;
			   		sellCount = sellCount/2; %>
			<td colspan='<%= sellCount %>'>
					<p>내일</p>
			</td>
			<% sellCount = 0; %>
			<% for (int s=idx; s<datas.size(); s+=2)
				{
					sellCount+=2;
					if (datas.get(s).equals("24")){
					idx = s;
					break;
					}
			 	}   
		   			idx+=2;
		   			sellCount = sellCount/2; %>
			<td colspan='<%= sellCount %>'>
					<p>모레</p>
			</td>	
		</tr>
		
		<!-- 시 -->
		<tr>
			<%for (int s=0; s<datas.size(); s+=2){%>
			<td>
				<%if (datas.get(s).equals("24")){%>
				<font color="#E4E4E4" style="font-weight: bold;">
					<%out.print(datas.get(s) + "시");%>
				</font>
				<%} else { out.print(datas.get(s) + "시"); }%>
				
			</td>
			<% } %>
		</tr>
		<!-- 날씨 -->
		<tr>
			<%for (int s=0; s<datas.size(); s+=2){
				String weatherString = new String();
				weatherString = datas.get(s+1);
			%>
			<td>
				<% if(weatherString.equals(sunny)){ %>
					<img src="../image/weather/sunny.png"/>
					<% out.print(weatherString);%>
				<% } else if(weatherString.equals(somecloud)) { %>
					<img src="../image/weather/somecloud.png"/>
					<% out.print(weatherString);
					}
					else if(weatherString.equals(cloud)) { %>
					<img src="../image/weather/cloud.png"/>
					<% out.print(weatherString);	}
					else if(weatherString.equals(manycloud)) { %>
					<img src="../image/weather/manycloud.png"/>
					<% out.print(weatherString);
					}
					else if(weatherString.equals(rain)) { %>
					<img src="../image/weather/rain.png"/><font color="red">
					<% out.print(weatherString);
					}
					else if(weatherString.equals(rainandsnow)) { %>
					<img src="../image/weather/rainandsnow.png"/>
					<% out.print(weatherString);
					}
					else if(weatherString.equals(snow)) { %>
					<img src="../image/weather/snow.png"/>
					<% out.print(weatherString);
					} %></font>
			</td>
			<% } %>
		</tr>
			
		</table>
		
		<%
		} catch (Exception e) {
		e.printStackTrace();
	}
%>

<!-- 기상정보 -->
  </div>

  <div id="infomain">
    <div id="mainleft">
      <div id="leftimage">
      	<img src="/pension/image/info.jpg" width="310" height="200">
      </div>
      <div id="leftwriter" align="left">
      	<p style="color: #f4ffff; font-size: 17px; font-family: 서울도시;">
      	넓은 백사장과 펜션 뒤에 피톤치드 산림욕이 가능한 멋진 펜션. <br/>
      	다양한 이벤트와 둘만의 시간을 보낼 수있는 커플룸. 가족끼리 화합을 만들어 드리는 가족룸. 
      	모든 방과 펜션에 있는 모든 건축물은 세련되지만 사용자가 편하게 느낄 수 있도록 자연주의 
      	Life-Style을 추구하였습니다.<br/><br/></p>
      	<p style="color: #c8d7ff; font-size: 12px; font-family: 돋움;">
      	저녁에는 바다 수평선으로 지는 저녁 노을, 새벽에는 하늘에 수놓는 수많은 별, 
      	아침에는 펜션 주위를 감싸는 안개를 보며 몸과 마음을 편히 쉴 수 있습니다. <br/>
      	펜션에서 다양한 볼거리, 즐길거리, 그리고 자연속에서 맛보는 음식.. <br/><br/>
      	가족같이 편안함이 있는 소중한 추억을 만들어 보세요.</div>
      
    </div>
    <div id="maincenter" align="left">
    	<br/><br/>
    	 <h2 style="color: #FAF4C0;">
    	 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    	 * 우리 펜션만의 특장점 *
    	 </h2>
    	 <br/><br/>
         <ul>
         	<li>인근 XX항 횟감 10% 할인권 증정</li><br/>
	        <li>픽업 서비스 지원 - XX역, XX버스터미널</li><br/>
	        <li>아기를 배려한 아기침대 구비완료.</li><br/>
	        <li>각각의 개성이 돋보이는 개별 룸</li><br/>
      	</ul>
    </div>
    <div id="mainright">
      <div class="mapinfo" align="left">
      <p style="font-family: 맑은 고딕; font-weight:bolder; font-size: 16px; color:#C8C7ED;">
      	&nbsp;&nbsp;&nbsp;찾아 오시는 길 - for google map
      </p>
      <ul>
      	<li>주소
      	<li class="page">경기도 안산시 단원구 대부북동 산35-1<br /><br />
      	<li>자가용
      	<li class="page">외곽순환고속도로 조남분기점 -> 제3경인고속화도로 -><br />
      		월곶분기점 -> 정왕IC -> 시화공단 -> 시화방조제 -><br />
      		방아머리 -> 배터지는집 끼고 우회전 -> 구봉도해상유원지 <br />아치 직진 -> 
      		삼거리에서 좌회전(포도향기) -> 서울바다낚시터 <br />-> 바닷가 블루이펜션<br /><br />
      	<li>대중교통 이용시
      	<li class="page">안산역 123번 시내버스타고(40분소요)<br /> -> 구봉도입구 하차우회전->구봉도약수터
      	<li class="page">오이도역 790번좌석버스(영흥도 방면)<br /> -> 구봉도입구 하차 우회전->구봉도약수터
      </ul>
      </div>
      <div class="googlemap" id="map_canvas" style="width:390px; height:250px;">
      </div>
    </div>
  </div>
</div>
</div>
</body>
</html>